.ding{
    top: 0px;
    left: 0Px;
    width: 100%;
    height: 60Px;
    position: fixed;
    background-color:white;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: LightGrey;
}
.dingmsg{
    float: left;
    /* width: 60Px;
    height: 40Px; */
    margin-right:20px;
    margin-top:5px;
}
.cebian{
    top: 62Px;
    left: 0Px;
    width: 180px;
    height: 100%;
    position: fixed;
    background-color:#ffffff;
    border-width: 0 2px 0 0;
    border-style: solid;
    border-color: LightGrey;
    /* overflow:scroll;侧边框 */
}
.cebianmsg{
    float: top;
    margin-left:0px;
    margin-top:20px;

}
.cebianmsg2{
    float: top;
    margin-left:0px;
    margin-top:20px;
}
.zhuti{
    top: 62px;
    left: 182px;
    width: 100%;
    height: 100%;
    position:fixed;
    background-color:#f5f5f5;
    /* text-align: center; */
}
.b{
    float:right;
    color: lightgray;
}
.b:hover{
    color: black;
    cursor: pointer;
}
.btn1{
    width: 50px;
    height: 25px;
    /* background-color: LightGrey; */
    background:transparent;
    border-radius: 8px;
    text-align: center;
    border-width:1px;
}
.btn2{
    /*background:transparent;	/*按钮背景透明*/
    border-width:0px;	/*边框透明*/
    width: 179px;
    height: 60px;
    background-color: white;
    /* border-radius: 8px; */
    text-align: center;
}
.btn2:hover{
    background-color: #eeeeee;
}
.btn2.active{
    background-color: #eeeeee;
}
.content{
    margin: 10px auto;
    display: none;
}
.content.show{
    display: block;
}
.btn3{
    /*background:transparent;	/*按钮背景透明*/
    border-width:0px;	/*边框透明*/
    width: 179px;
    height: 40px;
    background-color: #428bca;
    border-radius: 8px;
    text-align: center;
}
.text{
    outline:0 none;
    border-color:rgba(82,168,236,0.8);
    box-shadow:inset 01px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
    width: 470px;
    height: 495px;
}
.alert-box {
    display:table;
    width:100%;
    height:100%;
    position:fixed;
    top:62px;
    bottom:0;
    left: 182px;
    right:0;
    z-index:9999;
    background-color:rgba(0, 0, 0, 0.3);
}
.alert {
    position:absolute;
    left: 40%;
    top: 40%;
    transform: translate(-50%,-50%);
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    border: 2px solid rgb(247, 243, 243);
    background-color: white;
    height: 400px;
    width: 700px;
    border-radius: 0.5rem;
}
.box{
    position:absolute;
    left: 250px;
    width:496px;
    height:40px;
    border:2px solid #a28374;
    margin:auto;
}
.input{
    float:left;
    width:400px;/*宽400*/
    height:38px;/*高38（因为文本框内外边框要占用1像素所以总体高度减2，其他盒子同理）*/
    outline:none;
    border:none;/*取消文本框内外边框*/
}
.btnSelect{
    float:left;
    width:96px;
    height:40px;
    color:white;
    background-color:#a28374;/*将按钮背景设置为红色，字体设置为白*/
    border:none;
    outline:none;/*取消边框和外边框将按钮边框去掉*/
}
img{
    width: 100px;
}
img:hover{
    opacity:0.7;
}
.img2{
    width: 65px;
}
.booktext{
    font-size: 20px;
    color: red;
}
.moaltext{
    font-size: 20px;
    color: rgb(85, 81, 81);
}